<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Zaxu 分享</title>
</head>

<body>
    <!--
        来源：https://demo.zaxu.com/
    -->
    <link rel="stylesheet" type="text/css" href="style.css" />

    <button class="btn" onclick="activeType()">展开</button>

    <!--
        侧边
    -->
    <div class="elevator_item ">
        <div class=" medium ">
            <button class="btn" onclick="activeType()">展开</button>
        </div>

    </div>
    <!--
        弹窗内容
    -->
    <section class="site-sharing-container site-overlay">
        <div class="site-sharing-content">
            <span class="title">分享</span>
            <ul>
                <li>
                    <span class="icon">
                        <img src="./image/画报.svg" />
                    </span>
                    <span class="title">创建画报</span>
                </li>
                <li>
                    <span class="icon" onclick="copyLink()"> <img src="./image/链接.svg" /></span>
                    <span class="title">复制链接</span>

                </li>
                <li>
                    <span class="icon"> <img src="./image/微信.svg" /></span>
                    <span class="title">微信</span>
                </li>
                <li>
                    <span class="icon"> <img src="./image/邮件.svg" /></span>
                    <span class="title">邮件</span>
                </li>
                <li>
                    <span class="icon">
                        <img src="./image/微博.svg" />
                    </span>
                    <span class="title">微博</span>
                </li>
                <li>
                    <span class="icon"> <img src="./image/QQ 空间.svg" /></span>
                    <span class="title">QQ 空间</span>
                </li>
                <li>
                    <span class="icon"> <img src="./image/Facebook.svg" /></span>
                    <span class="title">Facebook</span>
                </li>
                <li>
                    <span class="icon"> <img src="./image/X.svg" /></span>
                    <span class="title">X</span>
                </li>

            </ul>
        </div>
    </section>
    <script type="text/javascript" src="main.js"></script>
</body>

</html>